<script setup lang="ts">
import { inject } from "vue";

const {
  searchVal,
  selected,
  showEditTag,
  copySelected
} = inject('tagInfo') as any

const editSelected = () => {
  showEditTag.value = true
  setTimeout(() => {
    copySelected.value =  JSON.parse(JSON.stringify(selected.value));
  }, 200)
}
</script>

<template>
  <div class="flex h-full justify-center align-center">

      <v-btn @click="editSelected" class="!mr-[20px]">编辑选中项目</v-btn>
      <div class="w-[200px] !mr-[50px]">
        <v-text-field
          v-model="searchVal"
          label="Search"
          density="compact"
          prepend-inner-icon="mdi-magnify"
          variant="outlined"
          hide-details
          single-line
        ></v-text-field>
      </div>

    <div class="w-[350px]">
      <v-pagination :length="320" density="compact"></v-pagination>
    </div>
    <div class="w-[120px] flex items-center">
      <v-number-input
        label="跳转页码"
        control-variant="hidden"
        variant="outlined"
        density="compact"
        :hide-details="true"
      ></v-number-input>
    </div>
  </div>
</template>

<style scoped>

</style>
